<div class="the-header" [class]="{ 'is-home': isHome }">
  <!-- <img (click)="goHome()" class="logo"
    [src]="writeLogo" alt="" srcset=""> -->

    <img (click)="goHome()" class="logo"
    [src]="writeLogo" alt="" srcset="">

    <app-the-nav></app-the-nav>

  <div class="nav-item">

    <!-- <app-search-input></app-search-input> -->

    <div class="the-top-gome">
      <span class="login" (click)="goLoginPage()"
        *ngIf="!userInfo?.userId"
      >登录</span>
      <!-- <span class="login" (click)="goMe()"
        *ngIf="userInfo?.userId"
      >{{ userInfo?.name }}</span> -->
      <span class="login-icon" (click)="goMe()" *ngIf="userInfo?.userId">
        <img height="22" width="22" [src]="userIcon1" alt="">
      </span>
      <!-- <div class="devider" *ngIf="userInfo?.userId"></div> -->
      <span class="logout-icon" (click)="logout()" *ngIf="userInfo?.userId">
        <img height="24" width="22" [src]="logoutIcon1" alt="">
      </span>
    </div>
  </div>
</div>
